@charset "utf-8";
body{background-color: #fff;}
.express-desc{table-layout:fixed;border: 0;border-spacing: 0;padding: 10px; width: 100%; background-color: #ffffff; border-collapse: inherit;height: 76px;border-bottom:1px solid #f2f2f2;}
.express-desc td{color:#777777;vertical-align: middle;font-size: 1.4rem;padding:4px 0;}
.express-desc td span{color:#111111;}
.express-desc img{ width:100%;height:auto; }
.express-desc .express-text{}
.express-desc .state-label{color:#111111;font-size: 1.4rem;}
.express-desc .state-text{color:#dea91a;font-size: 1.4rem;}

.express-title-div{ background-color: #f6f6f6;padding-top: 8px;}
.express-title{padding:10px 0 9px 0;text-indent:10px;border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f2f2f2;background-color: #ffffff;font-weight: 500;}

.express-detail{table-layout:fixed;border: 0;border-spacing: 0;padding:0 10px 10px 10px; width: 100%; background-color: #ffffff;color:#999999;border-collapse: inherit; }
.express-detail td{padding: 10px 0;position:relative;vertical-align:top;color:#777777;font-size: 1.3rem;line-height: 1.8rem;}
.express-detail td div{ color:#777777;}
.express-detail .step{z-index: 9;}
.express-detail .step-axis{position: absolute;left: 10px;top: 13px;z-index: 6;width: 1px;height:100%;background-color: #999999;}
.express-detail tr:last-child .step-axis{height:0;}
.express-detail .active td{color: #3caf36;}
.express-detail .active td div{color: #3caf36;}
.express-detail .active .step-axis{position: absolute;left: 10px;top: 13px;z-index: 6;width: 1px;height:100%;background-color: #22ac38;}
.step-img{margin-top: 3px;width:15px;height:15px;border-radius: 50%;background-color: #999999;z-index: 9; margin-left: 3px;}
.active .step-img{margin-top: 0px;width:13px;height:13px;border-radius: 50%;background-color: #3cb035;z-index: 9;border:3px solid #c4e8c4; margin-left:1px;}
